<!doctype html>
<!--[if lt IE 7]>      <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]>         <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]>         <html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <base href="/">
    <title></title>
    <meta name="description" content="">
    <meta name="viewport" content="width=device-width">
    <!-- Place favicon.ico and apple-touch-icon.png in the root directory -->

        <link rel="stylesheet" href="styles/c026a4ad.main.css"/>
</head>
  <body ng-app="angularfullstackApp" style="background:#3A3E47" data-spy="scroll" data-target=".navbar-example">
    <!--[if lt IE 7]>
      <p class="browsehappy">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</p>
    <![endif]-->

    <!--[if lt IE 9]>
      <script src="bower_components/es5-shim/es5-shim.js"></script>
      <script src="bower_components/json3/lib/json3.min.js"></script>
    <![endif]-->

    <nav class="navbar navbar-inverse navbar-fixed-top navbar-example" style="background:rgba(255,255,255,0.9)" role="navigation">
      <div class="navbar-header">
    <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
      <span class="sr-only">Toggle navigation</span>
      <span class="icon-bar"></span>
      <span class="icon-bar"></span>
      <span class="icon-bar"></span>
    </button>

  </div>
  <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
          <ul class="nav navbar-nav">
          <li><a href="#home" style="color:#C4C4C4">Home</a></li>
          <li><a href="#projects" style="color:#C4C4C4">Projects</a></li>
          <li><a href="#about" style="color:#C4C4C4">About</a></li>
          <li><a href="#contact" style="color:#C4C4C4">Contact</a></li>
        </ul>
  </div>
  
    </nav>


<div class="parallax" id="home">
  <div class="txt right">
    Nick<br>
    Oliver<br>
  </div>
  <div style="clear:both"></div>
  <div class="txt right sub">
    Software Developer
  </div>
</div>
<div class="content">
  
  <h2>Welcome to my site</h2>
  <p>I'm a software developer interested in keeping up with the latest trends in technology.</p>
  <p>I'm currently employeed as a <strong>C#</strong> developer at <a href="http://www.qg.com/" target="_blank">Quad Graphics.</a></p>
  <p>My day to day activities include working on fullstack enterprise applications. I'm currently spending the majority of my time working on converting a legacy Power Builder application to a web application</p>
  <p>I graduated in 2012 with my B.S. in Computer Science from the <a href="http://www4.uwm.edu/ceas/cs/">University of Wisconsin-Milwaukee</a></p> 

  <div style="clear:both"></div>
</div>
<div class="parallax" id="projects">
  <div class="txt left">
    My Current Projects.
  </div>
  <div style="clear:both"></div>
  <div class="txt left sub">
    Using moden web development frameworks such as
    <br>Ruby on Rails, AngularJS, NodeJS&hellip;
  </div>
</div>

<div class="content right">
      <h2><a href="http://www.datmusicdoe.com" target="_blank">Dat Music Doe</a></h2>
        <p>Blog about up and coming underground hip-hop</p>
      <h2><a href="http://dattweetstreamer.herokuapp.com/" target="_blank">Live tweet streamer</a></h2>
        <p>Twitter stream reader using Angular.js, Socket.io, and Node.js to read twitter streaming api. It currently tracks trending tweets in the Milwaukee area.</p>
      <h2><a href="https://www.mymealplanr.com" target="_blank">My Meal Planr</a></h2>
      <p>A meal planning application I am currently developing to auto-generate meal plans every month. The application is currently being developed using the MEAN stack.I have been documenting my experiences on <a href="https://medium.com/p/afd875c81354" target="_blank">Medium</a> </p>
  <div style="clear:both"></div>
</div>
<div class="parallax" id="about">
  <div class="txt left">
    My Current Interests
  </div>
  <div style="clear:both"></div>
  <div class="txt left sub">
    &middot; Include some of the following technologies<br>

  </div>
</div>

<div class="content left">
  <h2>Yeoman</h2>
  <p>Yeoman is a robust and opinionated client-side stack, comprising tools and frameworks that can help developers quickly build beautiful web applications. We take care of providing everything needed to get started without any of the normal headaches associated with a manual setup.</p>
  <h2>AngularJS</h2>
  <p>AngularJS is a toolset for building the framework most suited to your application development.</p>
  <h2>Node.js</h2>
  <p>Node.js is a platform built on Chrome's JavaScript runtime for easily building fast, scalable network applications. Node.js uses an event-driven, non-blocking I/O model that makes it lightweight and efficient, perfect for data-intensive real-time applications that run across distributed devices.</p>
    <h2>Grunt</h2>
  <p>The JavaScript Task Runner</p>
    <h2>Bower</h2>
  <p>Bower is a package manager for the web. It offers a generic, unopinionated solution to the problem of front-end package management, while exposing the package dependency model via an API that can be consumed by a more opinionated build stack. There are no system wide dependencies, no dependencies are shared between different apps, and the dependency tree is flat.</p>
    <h2>Express</h2>
  <p>Flexible and minimalist web application framework for node.js.</p>
    <h2>Twitter Bootsrap</h2>
  <p>Sleek, intuitive, and powerful mobile first front-end framework for faster and easier web development.</p>
  <h2>Parallax Effect</h2>
  <p>Courtesy of Adam Boutcher. Can be found at <a href="http://codepen.io/adamboutcher/pen/yFazI">codepen.io</a></p>
  <div style="clear:both"></div>
</div>
<div class="parallax" id="contact">
  <div class="txt right">
    Contact Me
  </div>
  <div style="clear:both"></div>
  <div class="txt right sub">
    <a href="https://github.com/t0pth4t" target="_blank">GitHub</a>, <a href="http://www.linkedin.com/profile/view?id=311656005&trk=nav_responsive_tab_profile" target="_blank">LinkedIn</a><br>
  </div>
</div>

<div id="footer">
   <p>Created 2013</p>
  By Nick Oliver</div>
     <script>
      (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
      (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
      m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
      })(window,document,'script','//www.google-analytics.com/analytics.js','ga');

      ga('create', 'UA-45093506-2', 'nickoliver.me');
      ga('send', 'pageview');
    </script>
    <script src="bower_components/jquery/jquery.min.js"></script>
    <script src="bower_components/angular/angular.min.js"></script>
     <script src="bower_components/firebase/lib/firebase.js"></script>

        <script src="scripts/3233641e.plugins.js"></script>

        <script src="scripts/20ea22c8.modules.js"></script>

        <script src="scripts/e2f693af.scripts.js"></script>
</body>
</html>